<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:p="http://primefaces.org/ui">

<h:head>
	<title>Bienvenido a escool</title>
	<style type="text/css">
	
	
	body{
		font: 62.5% "Trebuchet MS", sans-serif;
		margin: 50px
	}
datalist-noborder,.ui-layout,.ui-layout-doc,.ui-layout-unit,.ui-layout-wrap,.ui-layout-bd,.ui-layout-hd ,.ui-menu
	{
	border: none;
}

.dp-xml .cdata {
	color: #ff1493;
}

.dp-xml .tag,.dp-xml .tag-name {
	color: #069;
	font-weight: bold;
}

.dp-xml .attribute {
	color: red;
}

.dp-xml .attribute-value {
	color: blue;
}

.ui-widget-content .ui-datalist-content {
	border: none;
	background: transparent;
	background-image: none;
}


</style>
</h:head>
<body>

	<p:layout id="full" fullPage="true">
<p:ajaxStatus onstart="statusDialog.show();" onsuccess="statusDialog.hide();"/>                
<p:dialog modal="true" widgetVar="statusDialog"    
        draggable="false" closable="false">  
    <p:graphicImage value="resources/img/bar_loader.gif" />  
</p:dialog>  
		<p:layoutUnit id="top" position="north" size="75">
			<p:toolbar>
				<p:toolbarGroup align="left">
						Bienvenido <h:outputText value="#{parentTabMenuBean.usuario.id.nombreCompleto}" />  
					 </p:toolbarGroup>
				<p:toolbarGroup align="right">
					<p:commandLink value="Logout"  action="#{loginMgmtBean.logout()}"  />  | 
				</p:toolbarGroup>
			</p:toolbar>
		</p:layoutUnit>

		<p:layoutUnit id="bottom" position="south" size="60">
                    Escool S.A.
                </p:layoutUnit>

		<p:layoutUnit id="left" position="west" size="215" resizable="false"
			closable="false" collapsible="false" minSize="200">
			<p:graphicImage style="width:200px"
				value="resources/img/logo-escuela.jpg" />

			<h:form id="form">
				<br />
				<br />
				<p:menu style="width:200;boder:none">
					<p:submenu label="Favoritos" style="width:200;boder:none">

						<p:menuitem action="#{menuSeccitonMateria.goSendMail}"
							icon="ui-icon ui-icon-mail-closed" value="Crear Mensaje" />
					</p:submenu>
				</p:menu>
			</h:form>
			




			<h4 style="width: 200px;" align="left"
				class="title ui-widget-header ui-corner-all"> Hijos</h4>

		<div class="datalist-noborder">
				<p:dataList value="#{parentTabMenuBean.hijosParent}" var="parent"
					itemType="none">
					<p:commandLink action="#{parentTabMenuBean.setHijo(parent.id.codigoAlumno)}">#{parent.id.nombreAlumno}</p:commandLink>
				</p:dataList>

			</div>


			<h4 class="title ui-widget-header ui-corner-all">Mi Información</h4>


		</p:layoutUnit>


		<p:layoutUnit id="center" position="center">
		<h:form id="sendMail">
			<p:tabMenu activeIndex="#{parentTabMenuBean.activeindex}">  
		    <p:menuitem value="Tareas"   action="#{parentTabMenuBean.Dirige(0)}" />
		    <p:menuitem value="Actividades"    action="#{parentTabMenuBean.Dirige(1)}" /> 
 		    <p:menuitem value="Mensajes"   action="#{parentTabMenuBean.Dirige(2)}"/>
		    <p:menuitem value="Notas"    action="#{parentTabMenuBean.Dirige(3)}"/>
		     
		</p:tabMenu>  
		<div id="sendMsg" align="right">
							<p:commandButton value="Crear mensaje" icon="ui-icon-pencil" action="#{menuSeccitonMateria.goSendMail}"
							style="margin-right: 100px;"	 />
						</div>
						
						<p:scrollPanel style="height:450px;width:1015px" mode="native">
											
							<p:panel header="Mensajes no leidos" toggleable="true"  style="width:980px">

								

									<p:dataTable var="msj" value="#{parentTabMenuBean.listSgMensajes}"
										paginator="true" rows="10" paginatorPosition="top"
										paginatorTemplate="{CurrentPageReport}  {FirstPageLink} {PreviousPageLink} {PageLinks} {NextPageLink} {LastPageLink} {RowsPerPageDropdown}"
										rowsPerPageTemplate="5,10,15" selectionMode="single"
										rowKey="#{msj.idMensaje}" selection="#{mensajes.sGMensajes}">
										<p:column headerText="Enviado por">
											<h:outputText value="#{msj.codigoEmisario}" />
										</p:column>
										<p:column headerText="Asunto">
											<h:outputText value="#{msj.asunto}" />
										</p:column>
										<p:column headerText="Fecha de envío">
											<h:outputText value="#{msj.fechaEnviado}" />
										</p:column>
										<p:column >
									<p:commandButton icon="ui-icon-search" action="#{listMails.verMail(msj)}" />
								</p:column>
									</p:dataTable>
								
							</p:panel>

							<p:panel header="Mensajes recibidos" toggleable="true" style="width:980px" collapsed="true">
								
									<p:dataTable var="msj" value="#{parentTabMenuBean.listSgMensajes}"
										paginator="true" rows="10" paginatorPosition="top"
										paginatorTemplate="{CurrentPageReport}  {FirstPageLink} {PreviousPageLink} {PageLinks} {NextPageLink} {LastPageLink} {RowsPerPageDropdown}"
										rowsPerPageTemplate="5,10,15" selectionMode="single"
										rowKey="#{msj.idMensaje}" selection="#{mensajes.sGMensajes}">
										<p:column headerText="Enviado por">
											<h:outputText value="#{msj.codigoEmisario}" />
										</p:column>
										<p:column headerText="Asunto">
											<h:outputText value="#{msj.asunto}" />
										</p:column>
										<p:column headerText="Fecha de envío">
											<h:outputText value="#{msj.fechaEnviado}" />
										</p:column>
										<p:column >
									<p:commandButton icon="ui-icon-search" action="#{listMails.verMail(msj)}" />
								</p:column>
									</p:dataTable>
								
							</p:panel>

							<p:panel header="Mensajes enviados" toggleable="true" style="width:980px" collapsed="true">
								
									<p:dataTable scrollable="true" var="msj"
										value="#{parentTabMenuBean.listSgMensajesEnv}" paginator="true"
										rows="10" paginatorPosition="top"
										paginatorTemplate="{CurrentPageReport}  {FirstPageLink} {PreviousPageLink} {PageLinks} {NextPageLink} {LastPageLink} {RowsPerPageDropdown}"
										rowsPerPageTemplate="5,10,15" selectionMode="single"
										rowKey="#{msj.idMensaje}"
										selection="#{mensajes.sGMensajesEnv}">
										<p:column headerText="Para" resizable="true">
											<h:outputText value="#{msj.para}" />
										</p:column>
										<p:column headerText="Asunto">
											<h:outputText value="#{msj.asunto}" />
										</p:column>
										<p:column headerText="Fecha de envío">
											<h:outputText value="#{msj.fechaEnviado}" />
										</p:column>
										<p:column >
									<p:commandButton icon="ui-icon-search" action="#{listMails.verSentMail(msj)}" />
								</p:column>
									</p:dataTable>
								

							</p:panel>
							

						
						</p:scrollPanel>
		</h:form>
		
		</p:layoutUnit>

	</p:layout>
</body>
</html>
